import { Input, Form, } from 'antd';
import { UserOutlined, LockOutlined } from '@ant-design/icons'
import { loginRule } from '@/utils/rules/loginRules'

const AccountLogin = () => {
    return (
        <div>
            <Form.Item name="accountName" rules={loginRule.userRule} hasFeedback>
                <Input prefix={<UserOutlined />} placeholder="请输入用户名" />
            </Form.Item>
            <Form.Item name="password" rules={loginRule.passwordRule} hasFeedback>
                <Input
                    prefix={<LockOutlined />}
                    type="password"
                    placeholder="请输入密码"
                />
            </Form.Item>
        </div>
    )
}

export default AccountLogin